<template>
    <div>
        <Modal v-model="modal.detail" title="详情" width="1020">
            <div class="detail-info">
                <Row>
	<i-col span="12"><span class="detail-title">订单号：</span><span v-text="form.orderId"></span></i-col>
<i-col span="12"><span class="detail-title">订单编号：</span><span v-text="form.id"></span></i-col>
<i-col span="12"><span class="detail-title">下单用户：</span><span v-text="form.userId"></span></i-col>
<i-col span="12"><span class="detail-title">图文店：</span><span v-text="form.graphicId"></span></i-col>
<i-col span="12"><span class="detail-title">优惠券编号：</span><span v-text="form.couponsId"></span></i-col>
<i-col span="12"><span class="detail-title">纸张类型：</span><span v-text="form.zzlx"></span></i-col>
<i-col span="12"><span class="detail-title">颜色：</span><span v-text="form.ys"></span></i-col>
<i-col span="12"><span class="detail-title">单双面：</span><span v-text="form.dsm"></span></i-col>
<i-col span="12"><span class="detail-title">页码范围：</span><span v-text="form.ymfw"></span></i-col>
<i-col span="12"><span class="detail-title">打印数量：</span><span v-text="form.dysl"></span></i-col>
<i-col span="12"><span class="detail-title">订单金额：</span><span v-text="form.totalAmount"></span></i-col>
<i-col span="12"><span class="detail-title">实付金额：</span><span v-text="form.payAmount"></span></i-col>
<i-col span="12"><span class="detail-title">优惠金额：</span><span v-text="form.discountAmount"></span></i-col>
<i-col span="12"><span class="detail-title">支付状态：</span><span v-text="form.payStatus"></span></i-col>
<i-col span="12"><span class="detail-title">下单时间：</span><span v-text="form.placeOrderTime"></span></i-col>
<i-col span="12"><span class="detail-title">创建时间：</span><span v-text="form.createTime"></span></i-col>
<i-col span="12"><span class="detail-title">备注：</span><span v-text="form.beizhu"></span></i-col>
<i-col span="12"><span class="detail-title">微信订单号：</span><span v-text="form.wxOrder"></span></i-col>

</Row>

            </div>
        </Modal>
    </div>
</template>

<script>
    import * as utils from '@/api/utils-v2'
    import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'GraphicOrderDetail',
        data() {
            return {
                modal: {
                    detail: false
                },
                form: {
                    orderId: null,
id: null,
userId: null,
graphicId: null,
couponsId: null,
zzlx: null,
ys: null,
dsm: null,
ymfw: null,
dysl: null,
totalAmount: null,
payAmount: null,
discountAmount: null,
payStatus: null,
placeOrderTime: null,
createTime: null,
beizhu: null,
wxOrder: null,

                },
                dataDictCodes: ['IS_ACTIVE'],
                dataDictItems: {},
            }
        },
        computed: {},
        mounted() {},
        methods: {
            getDictItemsDisplayValue() {
                utils.getDataDict(this.dataDictCodes).then(response => {
                    if (response) {
                        this.dataDictItems = response
                        // utils.getDetailDictItemDisplayValue(this, 'IS_ACTIVE', 'isActive')
                    }
                }).catch(error => {
                    console.log(error)
                })
            }
        }
    }
</script>

<style>
</style>